<template>
  <li>
    <h3 class="blogtitle">
      <a @click="handle" target="_blank">{{liData.title}}</a>
    </h3>
    <span class="blogpic imgscale">
      <a :title="liData.title">
        <img @click="handle" :src="liData.cover" :alt="liData.title">
      </a>
    </span>
    <p class="blogtext" v-html="liData.con_info">{{liData.con_info}}</p>
    <a class="viewmore" @click="handle">阅读更多</a>
  </li>
</template>
<script>
export default {
  props: ["liData"],
  mounted() {},
  methods: {
    handle() {
      window.open("./subpage.html?id=" + this.liData.id);
    }
  }
};
</script>
<style scoped>
li {
  overflow: hidden;
  margin-bottom: 20px;
  border-bottom: #eee 1px dashed;
  padding-bottom: 20px;
  position: relative;
  min-height: 120px;
  list-style-type: none;
}
</style>
